<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>商城商城</title>
    <link rel="stylesheet" href="style/base.css" type="text/css">
    <link rel="stylesheet" href="style/global.css" type="text/css">
    <link rel="stylesheet" href="style/header.css" type="text/css">

    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/header.js"></script>

</head>
<body>
<div id="app">
    <!-- 顶部导航 start -->
    <topnav_topnav></topnav_topnav>
    <!-- 顶部导航 end -->

    <div style="clear:both;"></div>

    <!-- 头部 start -->
    <div class="header w1210 bc mt15">
        <!-- 头部上半部分 start 包括 logo、搜索、用户中心和购物车结算 -->
        <div class="logo w1210">
            <h1 class="fl"><a href="index.html"><img src="images/logo.png" alt="商城商城"></a></h1>


            <!-- 头部搜索 start -->
            <cephalosome_navitems_search></cephalosome_navitems_search>
            <!-- 头部搜索 end -->

            <!-- 用户中心 start-->
            <cephalosome_navitems_user></cephalosome_navitems_user>
            <!-- 用户中心 end-->

            <!-- 购物车 start -->
            <cephalosome_navitems_cart></cephalosome_navitems_cart>
            <!-- 购物车 end -->


        </div>
        <!-- 头部上半部分 end -->

        <div style="clear:both;"></div>

        <!-- 导航条部分 start -->
        <div class="nav w1210 bc mt10">
            <!--  商品分类部分 start-->
            <div class="category fl">
                <div class="cat_hd">  <!-- 注意，首页在此div上只需要添加cat_hd类，非首页，默认收缩分类时添加上off类，鼠标滑过时展开菜单则将off类换成on类 -->
                    <h2>全部商品分类</h2>
                    <em></em>
                </div>

                <div class="cat_bd">

                    <cephalosome_navitems_body></cephalosome_navitems_body>

                </div>

            </div>
            <!--  商品分类部分 end-->
            <cephalosome_navitems></cephalosome_navitems>
        </div>
        <!-- 导航条部分 end -->
    </div>
    <!-- 头部 end-->

</div>

<script src="js/vue.js"></script>
<script src="js/axios-min.js"></script>
<script src="js/mock-min.js"></script>
<script src="js/api.js"></script>
<script src="js/mock.js"></script>
<script src="components/topnav.js"></script>
<script src="components/cephalosome.js"></script>

<script>
    var vm = new Vue({
        el: "#app",
        data: {},
        methods: {}
    })
</script>

<div style="clear:both;"></div>